import React, { Component } from "react";

// 事件的this指向问题
//  1. 使用内联的bind方法
//       bind可以改变this指向
//       不好的，产生一个新函数，新函数是在内存里面的
//  2. 在constructor里面this.xxx = this.xxx.bind(this);
//       使用变量存下来了，所以不会增加内存
//       问题是函数太多，写起来不方便
//  3. 使用箭头函数

class App extends Component {
  constructor() {
    super();
    this.state = {
      count: 10,
    };

    // this.handleClick = this.handleClick.bind(this);
  }

  handleClick = () => {
    console.log(this.state.count);
  };

  render() {
    return (
      <>
        <h2>事件</h2>
        {/* <button onClick={this.handleClick.bind(this)}>btn</button> */}
        <button onClick={this.handleClick}>btn</button>
      </>
    );
  }
}

export default App;
